﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="organizarCDT.aspx.cs" Inherits="BancoIdeal.secured.organizarCDT" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Organizar mis CDT
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
<script src="../scripts/util.js" type="text/javascript"></script>
    <script type="text/javascript">
    	var dirProductos = "/WS/Productos.asmx";
    	$( function () {
    		loadingModal();
    		LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetGruposClienteFull', OnErrorCall, OnSuccessCallGruposCliente );
    	} );

    	function OnSuccessCallGruposCliente( response ) {
    		var j = 0;
    		response = eval( "( " + response.d + " )" );
    		for ( var i = 0; i < response.length; i++ ) {
    			if ( response[i].IdGrupoCliente == -1 ) {
    				for ( j = 0; j < response[i].Produc.length; j++ ) {
    					if ( response[i].Produc[j].IdProducto == 6 ) {
    						$( "#CdtAOrganizar" ).append( '<li id="btnCDTA' + i + '" class="fondoCDTMenu"><a class="cdtDragable"><span><span>' + response[i].Produc[j].NombreProductoCliente + '</span></span></a><div class="contenidoCDT" style="display:none"><div class="idProductoCliente">' + response[i].Produc[j].IdProductoCliente + '</div><div class="idNombre" >' + response[i].Produc[j].NombreProductoCliente + '</div><div class="idTasas">' + response[i].Produc[j].TasaInteres + '</div><div class="idPeridos">' + response[i].Produc[j].Periodos + '</div></div></li>' );
    					}
    				}
    			} else {
    				if ( response[i].Produc.length <= 0 ) {
    					if ( $( '.paginaOrganizarCDT .sinGrupos' ).css( 'display' ) ) {
    						$( '.paginaOrganizarCDT' ).html( '' );
    					}
    					crearGrupoCDT( response[i].NombreDelGrupo, 'GrupoCDT_' + response[i].IdGrupoCliente );
    				} else {
    					if ( response[i].Produc[0].IdProducto == 6 ) {
    						if ( $( '.paginaOrganizarCDT .sinGrupos' ).css( 'display' ) ) {
    							$( '.paginaOrganizarCDT' ).html( '' );
    						}
    						crearGrupoCDT( response[i].NombreDelGrupo, 'GrupoCDT_' + response[i].IdGrupoCliente );
    						for ( j = 0; j < response[i].Produc.length; j++ ) {
    							if ( parseFloat( response[i].Produc[j].TasaInteres ) >= 0 ) {
    								$( '#GrupoCDT_' + response[i].IdGrupoCliente ).append( '<div id="cdt" class="infoCDT"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="cdtFeatures izquierda noMargin marginLeft7px"><li class="featurePlazo"><a href="#" title="Plazo en meses"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].Periodos + '</span></span></a></li></ul><div class="cuotaGroupCDT"><hgroup><h4 class="labelSaldo derecha noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Tasa pactada</span></span></h4><h2 class="tasaPactadaCDT derecha noMargin marginRight7px Rendimiento rendimientoSube">' + ( parseFloat( response[i].Produc[j].TasaInteres ) * 100 ).toFixed( 2 ) + '%</h2></hgroup><div class="iconTipoResumen iconoResumenTipoInversiones"></div></div></div>' );
    							} else {
    								$( '#GrupoCDT_' + response[i].IdGrupoCliente ).append( '<div id="cdt" class="infoCDT"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="cdtFeatures izquierda noMargin marginLeft7px"><li class="featurePlazo"><a href="#" title="Plazo en meses"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].Periodos + '</span></span></a></li></ul><div class="cuotaGroupCDT"><hgroup><h4 class="labelSaldo derecha noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Tasa pactada</span></span></h4><h2 class="tasaPactadaCDT derecha noMargin marginRight7px Rendimiento rendimientoBaja">' + ( parseFloat( response[i].Produc[j].TasaInteres ) * 100 ).toFixed( 2 ) + '%</h2></hgroup><div class="iconTipoResumen iconoResumenTipoInversiones"></div></div></div>' );
    							}
    						}
    					}
    				}
    			}
    		}
    		InteraccionCuentas( 'cdtGroup' );
    		ScrollToolFun();
    		OrganizarCuentas();
    		$( '.cargandoModal' ).dialog( 'close' );
    	}

    	function OnErrorCall( response ) {
    		alert( response.status + " " + response.statusText );
    	}
	</script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
    <span class="icono iconoInversiones48x">
                    	&nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Inversiones
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="InfoScreen" runat="server">
    Aquí puedes crear grupos que permiten diferenciar y organizar tus productos.<br />
    <strong>Recuerda:</strong> debes crear al menos un grupo para organizar tus CDT.
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="MoreInfoScreen" runat="server">
    <a href="#" class="verMasInfo">
                	<span class="fondoAdicional">
                    	<span class="estiloTexto">
                        	más información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="SectionOptions" runat="server">
    <ul>
                	<li>
                        <a href="CDT.aspx" class="opcionSeccion">
                            <span class="icono inversiones">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Mis CDT
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="Rendimientos.aspx" class="opcionSeccion">
                            <span class="icono rendimientos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Mis rendimientos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="organizarCDT.aspx" class="opcionSeccion">
                            <span class="icono organizar">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Organizar CDT
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="solicitarProductos.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Solicitar nuevo CDT
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Organizar mis CDT
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
	<div id="organizarCDT">
		<p>Arrastre su CDT al grupo donde desea organizarlo</p>
			<ul id="CdtAOrganizar"></ul>
			<a href="#" class="addGrupoCDT" title="Agregar Nuevo Grupo">
				<span class="fondoAdicional">
					<span class="estiloTexto">
						Agregar Nuevo Grupo
					</span>
				</span>
			</a>
		</div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="MainContent" runat="server">
    <div class="paginaOrganizarCDT">
                    
                    <div class="cdtGroup sinGrupos">
                    
                        <div class="cdtTitle">
                        	<span>No tiene grupos activos</span>
                        </div>
                        <div class="grupoCDTScroll dottedLine">         
                            
                            <div id="espacioVacioCDT" class="AreaNuevoCDT fondoAlpaha30">
                                        <h3 class="tituloDeResumen colorGrisCCC">
                                            Debes crear un grupo para organizar tus CDT.
                                        </h3>
                            </div>
                            
                        </div>
                    </div>
                
                </div>
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content14" ContentPlaceHolderID="VentanasEmergentes" runat="server">
    <div id="dialogGrupos" class="dialog" title="Crear un nuevo grupo de CDT">
	Escriba el nombre que desea aignar al nuevo grupo de CDT.<br />
	<em class="alinearDerecha"><small>Recuerde que por ahora, los grupos no podrán ser eliminados.</small></em>
		<div class="formularioProductos">
			<table class="tablaProductos" width="100%" border="0" cellspacing="0" cellpadding="0">
            	<tr>
                    <td width="40%" valign="top" class="alinearDerecha labelsModal">Nombre del grupo:
                      </td>
                    <td valign="top" width="60%"><input type="text" id="nombreNuevoGrupo" name="nombreNuevoGrupo"/></td>
               </tr>
            </table>
    	</div>
        <menu type="toolbar">
      		<div class="controlBtn">
          		<ul>
                    <li> <a href="#" title="Crear Grupo" class="boton_26px backgroundVerde"><span class="displayB iconoAceptarVentana"><span class="ocultar">nuevo</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
          		</ul>
        	</div>
		</menu>
        
  </div>
  <div id="eliminarDash" class="eliminarDash" title="Confirmar">
	    Esta Seguro que desea eliminar el grupo        
  </div>  
</asp:Content>
